<!DOCTYPE html>
<html lang="zh-cn">
    
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="./font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="./css/color.css">
    <link rel="stylesheet" type="text/css" href="./css/global.css">
    <link rel="stylesheet" type="text/css" href="./css/page.css">
    <link rel="stylesheet" type="text/css" href="./css/uzlist.css">
    <link rel="stylesheet" type="text/css" href="./lib/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="./lib/fancybox/fancybox.css" />
    <link rel="stylesheet" type="text/css" href="./lib/swiper/swiper.css" />
</head>
<body>
    <div class="header" style="background:#ffffff;">
        <div class="container">
            <div class="logo fl">
                <div class="logo-img"><a href="./index.html"><img src="./images/0accc80f85507ec130679ba35018b042.jpg" /></a></div>
            </div>
            <div class="nav nav-a fr">
                <ul>
                    <li data-cid="0" class="on">
                        <a style="color:#333" target="_self" href="./index.html">首页</a>
                    </li>
                    <li data-cid="9">
                        <a style="color:#333" target="_self" href="./about.html">关于我们</a>
                    </li>
                    <li data-cid="10">
                        <a style="color:#333" target="_self" href="./case.html">成功案例</a>
                        <div id="case-childer" class="childer"></div>
                    </li>
                    <li data-cid="15">
                        <a style="color:#333" target="_self" href="./partner.html">合作伙伴</a>
                    </li>
                    <li data-cid="12">
                        <a style="color:#333" target="_self" href="./news.html">视讯中心</a>
                    </li>
                    <li data-cid="18">
                        <a style="color:#333" target="_self" href="./contact.html">联系我们</a>
                        <div class="childer">
                            <a target="_self" class="childer-a" href="./contact.html">联系方式</a>
                            <a target="_self" class="childer-a" href="./contact.html">在线留言</a>
                            <a target="_self" class="childer-a" href="./contact.html">地理位置</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="swiper-container slide-usezans slide-usezans-a" style="background: #fff">
        <div class="swiper-wrapper">
            <div class="swiper-slide swiper-lazy" data-background="./images/imgoss_2019121717163959295.jpg" style="width:100%;min-width:1180px;height:800px;">
                <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
            </div>
            <div class="swiper-slide swiper-lazy" data-background="./images/imgoss_2019121717155573900.jpg" style="width:100%;min-width:1180px;height:800px;">
                <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-next"><span class="icon5s s5youanniu span-next"></span></div>
        <div class="swiper-button-prev"><span class="icon5s s5zuoanniu span-prev"></span></div>
    </div>
    <div class="plate">
        <div class="plate-page page-a after tb80 back-white" style='background:#fff;'>
            <div class="container page-gs">
                <div class="text-info w50">
                    <div class="text-width">
                        <h5>关于我们</h5>
                        <em class="bot-bottom"></em>
                        <div id="about-content" class="remark"></div>
                        <a class="a-more" href="./about.html">查看详情</a>
                    </div>
                </div>
                <div class="page-img w50"><img id="about-images" src="" alt="关于我们" /></div>
            </div>
        </div>
        <div class="plate-pic picture-e after tb80 back-white" style='background:#fafafa;'>
            <div class="container">
                <div class="comm-title">
                    <div class="title">
                        <h3>成功案例</h3>
                        <p>Success case</p>
                    </div>
                </div>
                <div class="picture-lists">
                    <ul id="success-case-body" class="wul105"></ul>
                </div>
            </div>
        </div>
        <div class="plate-partner partner-c after tb80 back-white" style='background:#fff;'>
            <div class="container">
                <div class="comm-title">
                    <div class="title">
                        <h3>合作伙伴</h3>
                        <p>Partner</p>
                    </div>
                </div>
                <div class="partner-lists parc-slide-17">
                    <div class="hd">
                        <a class="icon5s s5zuoanniu next"></a>
                        <a class="icon5s s5youanniu prev"></a>
                    </div>
                    <div class="bd">
                        <ul id="partner-body"></ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="ads-module ads-a">
            <a style="height:568px;background: url(./images/dbd1d34d7b8876e96f465e0ff93a6709.jpg) no-repeat center top;"></a>
        </div>
        <div class="plate-team team-c after tb80 back-white" style='background:#fff;'>
            <div class="container">
                <div class="comm-title">
                    <div class="title">
                        <h3>精英团队</h3>
                        <p>Elite team</p>
                    </div>
                </div>
                <div class="team-lists">
                    <ul id="elite-team-body"></ul>
                </div>
            </div>
        </div>
        <div id="ad-body" class="ads-module ads-a">
            <!--中部广告位-->
            <a target="_blank" style="height:300px;background: url(./images/90cf1e00a92aef45bfce386de2f77f32.jpg) no-repeat center top;" href="#"></a>
        </div>
        <div class="plate-article article-c after tb80 back-white" style='background:#fff;'>
            <div class="container">
                <div class="comm-title">
                    <div class="title">
                        <h3>视讯中心</h3>
                        <p>News<a class="arta-more fr" href="./news.html">更多新闻资讯</a></p>
                    </div>
                </div>
                <div class="article-lists">
                    <ul id="news-body"></ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer footer-a back-black" style='background:#333;'>
        <div class="container">
            <div class="footer-text left">
                <div class="footer-nav">
                    <a target="_self" href="./index.html">首页</a>
                    <a target="_self" href="./about.html">关于我们</a>
                    <a target="_self" href="./case.html">成功案例</a>
                    <a target="_self" href="./partner.html">合作伙伴</a>
                    <a target="_self" href="./news.html">视讯中心</a>
                    <a target="_self" href="./contact.html">联系我们</a>
                </div>
                <div class="copyright"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./lib/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/jquery/jquery.superslide.2.1.1.min.js"></script>
    <script type="text/javascript" src="./lib/wow/wow.min.js"></script>
    <script type="text/javascript" src="./lib/fancybox/fancybox.js"></script>
    <script type="text/javascript" src="./js/common.min.js"></script>
    <script type="text/javascript" src="./lib/swiper/swiper.min.js"></script>
    <script type="text/javascript" src="js/services.js"></script>
    <script type="text/javascript" src="js/logs.js"></script>
    <script type="text/javascript">
        (function ($) {
            $.mainu = {
                init: function () {
                    $.mainu.inits();
                    $.mainu.getSysConfig();
                    $.mainu.getInstitutionCompany();
                    $.mainu.getInfoClass();
                    $.mainu.getHomeIndex();
                },
                inits: function () {
                    $(".parc-slide-17").slide({ mainCell: ".bd ul", autoPage: true, effect: "left", autoPlay: true, vis: 5, trigger: "click", interTime: 5000, pnLoop: false });
                    var swiper = new Swiper('.swiper-container', {
                        pagination: '.swiper-pagination',
                        paginationClickable: true,
                        nextButton: '.swiper-button-next',
                        prevButton: '.swiper-button-prev',
                        effect: "slide",
                        lazyLoading: true,
                        lazyLoadingInPrevNext: true,
                        lazyLoadingInPrevNextAmount: 2,
                        lazyLoadingOnTransitionStart: true,
                        autoplay: 500000,
                        autoplayDisableOnInteraction: false,
                        direction: 'horizontal',
                        mousewheelControl: false,
                        mousewheelReleaseOnEdges: true,
                        keyboardControl: true
                    });
                },
                getSysConfig: function () {
                    var url = createSysConfigUrl();
                    $.get(url, function (res) {
                        var code = res.code;
                        var msg = res.message;
                        if (code == 0) {
                            var title = res.data.title;
                            var keywords = res.data.keywords;
                            var description = res.data.description;
                            var copyright = res.data.copyright;
                            $("title").text(title);
                            $("meta[name='keywords']").attr({ content: keywords });
                            $("meta[name='description']").attr({ content: description });
                            $(".copyright").text(copyright);
                        }
                    });
                },
                getInstitutionCompany: function () {
                    var url = createInstitutionCompanyUrl();
                    $.get(url, function (res) {
                        var code = res.code;
                        var msg = res.message;
                        if (code == 0) {
                            var tel = res.data.tel;
                            $("#tel").text(tel);
                        }
                    });
                },
                getInfoClass: function () {
                    var path = "list/parent";
                    var url = createInfoClassUrl(path);
                    var queryString = { parentid: 4364079078 };
                    $.get(url, queryString, function (res) {
                        var code = res.code;
                        var msg = res.message;
                        if (code == 0) {
                            var total = res.data.total;
                            var lists = res.data.rows;
                            var columnBody = "";
                            for (var i = 0; i < lists.length; i++) {
                                columnBody += `<a target="_self" class="childer-a" href="./case.html?classid=${lists[i].id}">${lists[i].name}</a>`;
                            }
                            $("#case-childer").html(columnBody);
                        }
                    });
                },
                getHomeIndex: function () {
                    var url = createHomeIndexUrl();
                    $.get(url, function (res) {
                        var code = res.code;
                        var msg = res.message;
                        if (code == 0) {
                            var data = res.data;
                            var banner = data.banner;
                            var about = data.about;
                            var successCase = data.success_case;
                            var partner = data.partner;
                            var eliteTeam = data.elite_team;
                            var ad = data.ad;
                            var news = data.news;

                            $("#about-content").html(about.content);
                            $("#about-images").attr({ src: about.images });
                            var bannerBody = ``;
                            for (var i = 0; i < banner.length; i++) {
                                bannerBody += ``;
                            }
                            $("#banner-body").html(bannerBody);
                            var successCaseBody = "";
                            for (var i = 0; i < successCase.length; i++) {
                                successCaseBody += `
                                                <li>
                                                    <a target="_self" href="./case-show.html?id=${successCase[i].id}">
                                                        <div class="posi-img">
                                                            <img src="${successCase[i].images}" alt="${successCase[i].title}" />
                                                        </div>
                                                        <div class="remark">
                                                            <h5>${successCase[i].title}</h5>
                                                            <p></p>
                                                        </div>
                                                    </a>
                                                </li>
                                                `;
                            }
                            $("#success-case-body").html(successCaseBody);
                            var partnerBody = "";
                            for (var i = 0; i < partner.length; i++) {
                                partnerBody += `
                                                <li>
                                                    <a target="_self">
                                                        <img src="${partner[i].images}" alt="${partner[i].title}">
                                                    </a>
                                                </li>
                                                `;
                            }
                            $("#partner-body").html(partnerBody);
                            var eliteTeamBody = "";
                            for (var i = 0; i < eliteTeam.length; i++) {
                                eliteTeamBody += `
                                                <li>
                                                    <a href="./eliteteam-show.html?id=${eliteTeam[i].id}">
                                                        <div class="data"><img src="${eliteTeam[i].images}" /></div>
                                                        <div class="team-right">
                                                            <h5>${eliteTeam[i].title}<span class="zhiye">${eliteTeam[i].title_brief}</span></h5>
                                                            <p>${eliteTeam[i].description}.</p>
                                                        </div>
                                                    </a>
                                                </li>
                                                `;
                            }
                            $("#elite-team-body").html(eliteTeamBody);
                            var adBody = `<a target="_blank" style="height:300px;background: url(${ad.media_path}) no-repeat center top;" href="${ad.url}"></a>`;
                            //$("#ad-body").html(adBody);
                            var newsBody = "";
                            for (var i = 0; i < news.length; i++) {
                                newsBody += `
                                                <li>
                                                    <div class="news-detail">
                                                        <a target="_self" href="./news-show.html?id=${news[i].id}">
                                                            <img src="${news[i].images}" alt="${news[i].title}">
                                                            <div class="news-data">
                                                                <span class="md">${stringToDate(news[i].date).getMonth()}</span>
                                                                <span class="y">${stringToDate(news[i].date).getFullYear()}</span>
                                                            </div>
                                                            <div class="remark">
                                                                <h5>${news[i].title}</h5>
                                                                <p class="desc">${news[i].description.substring(0, 30)}...</p>
                                                                <span class="news-more icon5s s5youanniu"></span>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </li>
                                                `;
                            }
                            $("#news-body").html(newsBody);


                        }
                    });
                }
            };
            $(function () {
                $.mainu.init();
            });
        })(jQuery);
    </script>
</body>
</html>